<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css 元素选择器</title>
    <style>
        /* 最常见的css选择器是元素选择器 文档的元素选择器是最基本的选择器
           选择器通常将是某个 html 元素比如 p h1 甚至 html 本身  元素选择器又被称为类型选择器
        */
        html{
            color: black;
        }
        h1{
            color: blue;
        }
        h2{
            color: silver;
        }
        note
        {
            font-family:Verdana, Arial;
            margin-left:30px;
        }

        to
        {
            font-size:28px;
            display: block;
        }

        from
        {
            font-size:28px;
            display: block;
        }

        heading   /* 虽然报红色 但是下面的 xml 元素的样式依然可以渲染出来  */
        {
            color: red;
            font-size:60px;
            display: block;
        }

        body
        {
            color: blue;
            font-size:35px;
            display: block;
        }

    </style>
</head>
<body>
    <h1>这是 heading 1</h1>
    <h2>这是 heading 2</h2>
    <p>这是一段普通的段落。</p>

    <!--  我们测试在xml 文档中使用新的样式 -->
    <?xml version="1.0" encoding="ISO-8859-1"?>
    <?xml-stylesheet type="text/css" href="note.css"?>
    <note>
        <to>George</to>
        <from>John</from>
        <heading>Reminder</heading>
        <body>Don't forget the meeting!</body>
    </note>
</body>
</html>